<template>
  <div>
    <h1>{{ msg }}</h1>
    <button @click="count++">count is: {{ count }}</button>
    <p>Edit <code>components/HelloWorld.vue</code> to test hot module replacement.</p>
    <input type="text" v-model="user.value">
    {{user.value}}1
  </div>
</template>

<script>
import { reactive } from "vue";
export default {
  name: 'HelloWorld',
  props: {
    msg: String
  },
  data() {
    return {
      count: 0
    }
  },
  setup() {
    let user = reactive({
      value: '213213'
    })
    return {
      user
    }
  }
}
</script>
